<script setup>

import { ref, reactive, onMounted, useSlots, watch, watchEffect } from 'vue';
import TheWelcome from '../components/TheWelcome.vue'

const abc = "hello abc";

const msg = ref("world");

// const props = defineProps({
//   a:{}
// })
// props.a

// onMounted(()=>{})

// const emits = defineEmits(["change", "myEve"]);
// emits("change", "abc", abc);
// emits("myEve", "abc", abc);

// 获取插槽信息
// const slots = useSlots()

// 获取透传Attribute的对象
// const attrs = useAttrs()
// attrs.xxx
// attrs.yyy
// attrs.xxx

</script>

<script>
export default {
  props:{
    a:{}
  }
}
</script>


<template>
  <main>
    <h1>{{ abc }}</h1>
    <h1>{{ msg }}</h1>
    <TheWelcome />
    <!-- <slot name="a"></slot>
    <slot name="b"></slot>
    <slot name="c"></slot> -->
  </main>
</template>
